<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<input type="text" id="text" name="妙味" value="123">
	<img src="bdlogo.gif" id="img1" style="width:100px;" />
<script>
	var oText = document.getElementById('text');
/*
	getAttribute和setAttribute有许多兼容问题
	总结：（node--节点）
    1:常规属性建议使用 node.XXXX。
    2:自定义属性建议使用node.getAttribute("XXXX")。
    3:当获取的目标是JS里的关键字时建议使用node.getAttribute("XXX")，如label中的for。
    4:当获取的目标是保留字,如：class,请使用className代替。
    
*/
	// alert(oText.name)					//妙味
	// alert(oText['name'])					//妙味
	// alert(oText.getAttribute('name'))	//妙味

	/*
		元素.getAttribute(属性名称); 方法 获取指定元素的指定属性的值
	*/
	//alert( oText.getAttribute('value') );
	
	/*
		元素.setAttribute(属性名称，属性值); 方法 给指定元素指定的属性设置值
	*/
	//oText.setAttribute( 'value', 'hello' );
	
	/*
		元素.removeAttribute(属性名称); 方法 移除指定的元素的指定的属性
	*/
	//oText.removeAttribute( 'value' );
	
	/*
		1.用.和[]的形式无法操作元素的自定义属性
			getAttribute可以操作元素的自定义属性
	*/

	var oImg = document.getElementById('img1');

	// alert( oImg.src );									//图片的绝对路径
	// alert( oImg['src'] );								//图片的绝对路径
	// alert( oImg.getAttribute('src') );					//图片的名称：bdlogo.gif
	//alert( oImg.getAttribute('width'));



</script>
</body>
</html>